To use a different template for the homepage, follow these instructions:
1. Open Connected Business 15
2. Go to eCommerce >> Setup >> Application Configuration
3. Search for "hometemplate" 
4. Double click "HomeTemplate" and type in homepagetemplate.ascx in the Config Value field
5. Click Save then Reset Web Cache

for itempopup on featureditem on homepage
1. copy page.itempopup.xml from xmlpackages (from this skin)
2. paste it to C:\Program Files (x86)\Connected Business 15\CBE\Web\XmlPackages


All additional content for the homepage will be called on token so please copy and paste the codes below to their specific name so that this skin homepage will be look like 100% with the attached homepage on this folder
Please be mindful for the casing of the letter/words.


1.<!-- CAROUSEL COPY PASTE THIS AND MAKE A TOPIC NAME topcarousel ===================================== -->
<!-- TOP SLIDER ===================================== -->
  <div class="additional">
    <div class="container">
      <div id="wowslider-container1">
        <center>
          <div class="titleandline">
            <div class="line"></div>
            <div class="title">Lorem ipsum dolor sit amet consectetuer </div>
            <div class="line"></div>
          </div>
          <div class="subtitle">
            buy not to avail limited discount
           </div>
          <div class="ws_images">
            <ul>
              <li><a href="#"><img src="skins/Skin_(!SKINID!)/images/slidertop1.png" alt="slidertop1" title="slidertop1" id="wows1_0"/></a></li>
              <li><a href="#"><img src="skins/Skin_(!SKINID!)/images/slidertop2.png" alt="javascript slider" title="slidertop2" id="wows1_1"/></a></li>
              <li><a href="#"><img src="skins/Skin_(!SKINID!)/images/slidertop3.png" alt="slidertop3" title="slidertop3" id="wows1_2"/></a></li>
            </ul>
          </div>
        </center>
        <div class="ws_bullets">
          <div>
            <a href="#" title="slidertop1"><span><img src="skins/Skin_(!SKINID!)/images/slidertop1.png" alt="slidertop1"/>1</span></a>
            <a href="#" title="slidertop2"><span><img src="skins/Skin_(!SKINID!)/images/slidertop2.png" alt="slidertop2"/>2</span></a>
            <a href="#" title="slidertop3"><span><img src="skins/Skin_(!SKINID!)/images/slidertop3.png" alt="slidertop3"/>3</span></a>
          </div>
        </div>
        <div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">video slider</a> by WOWSlider.com v8.2</div>
        <div class="ws_shadow"></div>
        <script type="text/javascript" src="skins/Skin_(!SKINID!)/js_slider/engine1/wowslider_wowslider.js"></script>
        <script type="text/javascript" src="skins/Skin_(!SKINID!)/js_slider/engine1/script_wowslider.js"></script>
      </div>         
    </div>
  </div>

2. <!-- CAROUSEL COPY PASTE THIS AND MAKE A TOPIC NAME specialshipping ===================================== -->
<div class="specialshipping">
    <div class="container">
      <div class="col-md-3 col-sm-3 col-xs-12 specshiptagline"><span>Contact us now for </span> <div class="freeship">free shipping</div></div>
      <div class="col-md-9 col-sm-9 col-xs-12 specshipright">
        <div class="col-md-12 specshipright_top1">
          <div class="col-md-1 hidden-xs hidden-sm"></div>
          <div class="col-md-10 col-sm-12 col-xs-12">
            <div class="col-md-6 col-sm-6 col-xs-12 contactinfo">
              <div class="specright_title">Call or email us today</div>
              <div class="specright_call"><a href="callto://+1800000555"><i class="fa fa-phone"></i> <span>1800.000.555</span></a></div>
              <div class="specright_email">
                <a href="mailto: sales@connectedbusiness.com?Subject=Free%20Shipping%20Today" target="_top"><i class="fa fa-envelope"></i> <span> sales@connectedbusiness.com</span></a></div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12 livechatinfo">
              <div class="specright_title">need live support?</div>
              <center>
                (!LIVECHAT!)
              </center>
            </div>
            <div class="col-xs-12 searhmobile">(!XmlPackage Name="rev.search"!)</div>
          </div>
          <div class="col-md-1  hidden-xs hidden-sm"></div>
        </div>
      </div>
    </div>
  </div>


3.<!-- CAROUSEL COPY PASTE THIS AND MAKE A TOPIC NAME sidecarousel ===================================== -->
<div class="col-md-5 col-sm-5 col-xs-12 specdis_carousel">
          <div id="wowslider-container3">
            <div class="ws_images">
              <ul>
                <li><a href="#"><img src="skins/Skin_(!SKINID!)/images/specialdiscountslider1.jpg" alt="specialdiscountslider1" title="specialdiscountslider1" id="wows3_0"/></a></li>
                <li><a href="#"><img src="skins/Skin_(!SKINID!)/images/specialdiscountslider2.jpg" alt="specialdiscountslider2" title="specialdiscountslider2" id="wows3_1"/></a></li>
                <li><a href="#"><img src="skins/Skin_(!SKINID!)/images/specialdiscountslider3.jpg" alt="image slider jquery" title="specialdiscountslider3" id="wows3_2"/></a></li>
                <li><a href="#"><img src="skins/Skin_(!SKINID!)/images/specialdiscountslider4.jpg" alt="specialdiscountslider4" title="specialdiscountslider4" id="wows3_3"/></a></li>
              </ul>
            </div>
            <div class="ws_bullets">
              <div>
                <a href="#" title="specialdiscountslider1"><span><img src="skins/Skin_(!SKINID!)/images//specialdiscountslider1.jpg" alt="specialdiscountslider1"/>1</span></a>
                <a href="#" title="specialdiscountslider2"><span><img src="skins/Skin_(!SKINID!)/images//specialdiscountslider2.jpg" alt="specialdiscountslider2"/>2</span></a>
                <a href="#" title="specialdiscountslider3"><span><img src="skins/Skin_(!SKINID!)/images//specialdiscountslider3.jpg" alt="specialdiscountslider3"/>3</span></a>
                <a href="#" title="specialdiscountslider4"><span><img src="skins/Skin_(!SKINID!)/images//specialdiscountslider4.jpg" alt="specialdiscountslider4"/>4</span></a>
              </div>
            </div>
            <div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">video slider</a> by WOWSlider.com v8.2</div>
            <div class="ws_shadow"></div>   
            <script type="text/javascript" src="skins/Skin_(!SKINID!)/js_slider/engine3/jquery.js"></script>         
            <script type="text/javascript" src="skins/Skin_(!SKINID!)/js_slider/engine3/wowslider.js"></script>
            <script type="text/javascript" src="skins/Skin_(!SKINID!)/js_slider/engine3/script.js"></script>
          </div>  
        </div>

4. <!-- CAROUSEL COPY PASTE THIS AND MAKE A TOPIC NAME sideinfo ===================================== -->
<div class="col-md-7 col-sm-7 col-xs-12 specdis_right">
          <div class="col-xs-12 specdis_right_title">Welcome to dulce amour</div>
          <div class="col-xs-12 specdis_right_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utt.</div>
          <div class="col-xs-12 specdis_right_subtitle">Special Discount</div>
          <div class="col-md-12 specdis_right_item">
            <div class="col-md-4 col-sm-4 col-xs-12 text_left">
              <div class="col-xs-12 itembox">
                <div class="col-xs-12 image">
                  <a href="" title="Cupcake Item Name">
                    <img class="img-responsive" src="skins/Skin_(!SKINID!)/images/specialdiscount_item1.jpg">
                    <div class="iconplus"><i class="fa fa-plus-circle"></i></div>
                  </a>
                </div>                
                <div class="col-xs-12 iteminfo">
                  <div class="col-xs-12 price">$25.00 Only</div>
                  <div class="col-xs-12 title">Lorem ipsum dolor</div>
                  <div class="col-xs-12 sub">Ingridients consist of lorem ipsum dolor sit amet consectetuer.</div>
                  <div class="col-xs-12 link"><a href="" class="btn">Buy Now</a></div>
                </div>
              </div>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12 text_left">
              <div class="col-xs-12 itembox">
                <div class="col-xs-12 image">
                  <a href="" title="Cupcake Item Name">
                    <img class="img-responsive" src="skins/Skin_(!SKINID!)/images/specialdiscount_item1.jpg">
                    <div class="iconplus"><i class="fa fa-plus-circle"></i></div>
                  </a>
                </div>
                <div class="col-xs-12 iteminfo">
                  <div class="col-xs-12 price">$25.00 Only</div>
                  <div class="col-xs-12 title">Lorem ipsum dolor</div>
                  <div class="col-xs-12 sub">Ingridients consist of lorem ipsum dolor sit amet consectetuer.</div>
                  <div class="col-xs-12 link"><a href="" class="btn">Buy Now</a></div>
                </div>
              </div>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12 text_left">
              <div class="col-xs-12 itembox">
                <div class="col-xs-12 image">
                  <a href="" title="Cupcake Item Name">
                    <img class="img-responsive" src="skins/Skin_(!SKINID!)/images/specialdiscount_item1.jpg">
                    <div class="iconplus"><i class="fa fa-plus-circle"></i></div>
                  </a>
                </div>
                <div class="col-xs-12 iteminfo">
                  <div class="col-xs-12 price">$25.00 Only</div>
                  <div class="col-xs-12 title">Lorem ipsum dolor</div>
                  <div class="col-xs-12 sub">Ingridients consist of lorem ipsum dolor sit amet consectetuer.</div>
                  <div class="col-xs-12 link"><a href="" class="btn">Buy Now</a></div>
                </div>
              </div>
            </div>
          </div>
        </div>

